// 给标签添加 onclick 点击事件
let btnHome = document.querySelector("#btnHome")
btnHome.onclick = function(){
    console.log("btnHome 标签被点击")
}
Navbar = document.querySelector("#navBar")
Navbar.onclick = function(){
    console.log("Navbar 标签被点击")
}


// 给标签添加 onchange 事件
// var searchWord = document.querySelector("#searchWord")
// searchWord.onchange = function(){
//     console.log("已经改变" + searchWord.value)
// }


// 给标签添加 onmouseover 事件
// let nav = document.querySelector("#nav")
// nav.onmouseover = function(){
//     nav.innerHTML = "<h2>改变</h2>"
// }


// 给标签添加 onkeydown 事件
var searchWord = document.querySelector("#searchWord")
searchWord.onkeydown = function(){
    console.log("已经改变" + searchWord.value)
}
// 给标签添加 onkeyup 事件
var searchWord = document.querySelector("#searchWord")
searchWord.onkeyup = function(){
    console.log("已经改变" + searchWord.value)
}


// onload 事件
// window 表示的就是整个页面。如果设置了下面的代码，那么刷新的时候就会执行下面的 console.log("页面已经加载完成")
window.onload = function(){
    console.log("页面加载完成");
}
document.onreadystatechange = function(){
    let loading = document.querySelector("#loading");
    if(document.readyState == "complete"){
        setTimeout(function(){
            loading.style.display = "none";
            
            // 箭头函数
            cons = ()=>{
                console.log("加载完成");
            };
            cons(); // 调用箭头函数
            // 箭头函数：匿名的定义
            (()=>{ console.log("加载完成"); })();

            // 常规函数：匿名的定义
            (function(){ console.log("加载完成"); })();
        }, 3000);
    }
    else{
        // console.log("正在加载");
        loading.style.display = "block"
    }
}
